<script src="../../../SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="../../../SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<div id="Accordion1" class="Accordion" tabindex="0">
  <div class="AccordionPanel">
    <div class="AccordionPanelTab">Current Attribute</div>
    <div class="AccordionPanelContent">
    <!-- BEGIN:BLOCK_I-->
    	 	<select name="attribute" size="20">
            <!-- BEGIN:BLOCK_II -->
                    <option value="{BLOCK_II.at_id}" >{BLOCK_II.at_name}</option> 
            <!-- END:BLOCK_II -->
            </select>
            <!-- END: BLOCK_I -->
    </div>
  </div>
  <div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 2</div>
    <div class="AccordionPanelContent">Content 2</div>
  </div>
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
